<template>
	<view class="container">
		<!-- 下拉框 -->
		<view class="select">
			<zy-select :selectList="selectList" :zy_customSelect="zy_customSelect" :disabled="false"
				:rightBtn="$t('my.procedure.search')" clearable>
			</zy-select>
		</view>
		<!-- 详情 -->
		<view class="detail">
			<view class="detail-item">
				<span class="title">模具号:</span>
			</view>
			<view class="detail-item">
				<span class="title">模具名:</span>
			</view>
			<view class="detail-item">
				<span class="title">子部件:</span>
			</view>
		</view>
		<!-- 按钮 -->
		<view class="btns">
			<view class="btn top">
				<view class="btn-item">
					<view class="bg" style="background:#ff7d5d;">
						<!-- <image src="../../../static/assets/homepage/example/end.png" class="img"> -->
					</view>
					<span>结束</span>
				</view>
				<view class="btn-item">
					<view class="bg" style="background:#c1f4a9;">
						<!-- <image src="../../../static/assets/homepage/example/start.png" class="img"> -->
					</view>
					<span>开始</span>
				</view>
			</view>
			<view class="btn bottom">
				<view class="btn-item" style="width:100%">
					<view class="bg" style="background:#d0d0d0;">
					<!-- 	<image src="../../../static/assets/homepage/example/stop.png" class="img"
							style="width:145rpx;height:145rpx;"> -->
					</view>
					<span>暂停</span>
				</view>

			</view>
		</view>
	</view>
</template>
<script>
	import {
		queryDictByType,
		queryList,
		addProcedure
	} from "@/api/index.js"
	export default {
		components: {},
		data() {
			return {
				selectList: [], //下拉框数据数组
				zy_customSelect: {
					borderRadius: "50rpx",
					border: "5rpx solid #409EFF",
				}, //下拉框自定义样式
				columnData: "", //下拉框被选择值
				pendingBtn: true,
			}
		},
		methods: {

		}
	}
</script>
<style lang="scss">
	page {
		background-color: #193443;
	}
</style>
<style lang="scss" scoped>
	.select {
		margin: 20rpx 0 20rpx 0;
	}

	.detail {
		margin: 30rpx;
		color: #ffffff;
	}

	.detail-item {
		border-bottom: 1rpx dashed #ffffff;
		padding: 20rpx;
	}

	.btns {
		margin: 40rpx 20rpx;
	}

	.btn {
		width: calc(100% - 40rpx);
		margin: 0 20rpx;
		display: flex;
		color: #ffffff;
	}

	.btn-item {
		width: calc(50% - 20rpx);
		height: 100rpx;
		margin: 10rpx;
		text-align: center;
	}

	.img {
		width: 120rpx;
		height: 120rpx;
		margin: auto;
	}

	.bottom {
		margin-top: 180rpx;
	}

	.bg {
		border-radius: 50rpx;
		opacity: 0.5;
		;
		margin: auto;
		padding: 45rpx;
	}
</style>